<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>
<div class="btn-group" style="margin-right: 10px">
    <form class="form-inline" action="{{ $action }}" pjax-container method="get">
        <input style="width: 110px;" type="text" id="start_date" name="start_date" value="{{ $filtersBlade['start_date'] }}" class="form-copy" placeholder="选择开始日期">
        <input style="width: 110px;" type="text" id="end_date" name="end_date" value="{{ $filtersBlade['end_date'] }}" class="form-copy" placeholder="选择截止日期">
        <input style="width: 150px;" type="text" name="record_no" value="{{ $filtersBlade['record_no'] }}" class="form-copy" placeholder="记录单号">
        <input style="width: 150px;" type="text" name="sku" value="{{ $filtersBlade['sku'] }}" class="form-copy" placeholder="SKU">
        <select id="area_id" name="area_id">
            {{ $filtersBlade['area_id'] }}
        </select>
        <select id="action_type" name="action_type">
            {{ $filtersBlade['action_type'] }}
        </select>
        <select id="record_type" name="record_type">
            {{ $filtersBlade['record_type'] }}
        </select>
        <select id="user_id" name="user_id">
            {{ $filtersBlade['user_id'] }}
        </select>
        <select id="season" name="season">
            {{ $filtersBlade['season'] }}
        </select>
        <select id="classify_id" name="classify_id">
            {{ $filtersBlade['classify_id'] }}
        </select>
        <div class="input-group">
            <button style="margin-left: 10px;" class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
            <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
        </div>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#start_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","allowInputToggle":true});
        $('#end_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment(),"allowInputToggle":true});
        $('#area_id').select2({placeholder: '站点', allowClear: true, width: '80px'});
        $('#action_type').select2({placeholder: '操作类型', allowClear: true, width: '100px'});
        $('#record_type').select2({placeholder: '记录类型', allowClear: true, width: '100px'});
        $('#user_id').select2({placeholder: '操作人', allowClear: true, width: '120px'});
        $('#season').select2({placeholder: '季节性', allowClear: true, width: '80px'});
        $('#classify_id').select2({placeholder: '品类', allowClear: true, width: '150px'});
    });
</script>
